<template>
  <div class="app-container">
    <div v-if="jsonText">
      <div style="line-height: 50px; font-size: 20px; text-align: center;">通知</div>
      <div style="line-height: 20px; font-size: 14px; text-align: right;">编号：{{jsonText.bidRecordNumber}}</div>
      <div style="line-height: 40px; font-size: 16px; text-align: left;">{{jsonText.bidderDeptName}}：</div>
      <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{jsonText.content}}</div>
      <div style="line-height: 40px; font-size: 16px; text-align: left;"> 主体单位项目联系人：{{jsonText.bossLinkman}}</div>
      <div style="line-height: 40px; font-size: 16px; text-align: left;"> 主体单位联系电话：{{jsonText.bossLinkphone}}</div>
<!--      <div style="line-height: 40px; font-size: 16px; text-align: left;"> 中标方联系人：{{jsonText.mhLinkman}}</div>
      <div style="line-height: 40px; font-size: 16px; text-align: left;"> 中标方联系电话：{{jsonText.mhPhone}}</div>
      <div style="line-height: 40px; font-size: 16px; text-align: left;"> 中标方邮箱：{{jsonText.mhEmail}}</div>-->
      <div style="line-height: 70px; font-size: 16px; text-align: left; padding-left: 70px;"> 特此通知</div>
      <div style="line-height: 40px; font-size: 16px; text-align: left;"> 区财务局 联系人：{{jsonText.magLinkman}}</div>
      <div style="line-height: 40px; font-size: 16px; text-align: left;"> 联系电话：{{jsonText.magLinkphone}}</div>
      <div style="line-height: 30px; font-size: 15px; text-align: right;">{{jsonText.magDeptName}}</div>
      <div style="line-height: 30px; font-size: 15px; text-align: right;"> {{jsonText.bidderTime}}</div>
    </div>
    <div v-else>
      {{temp.content}}
    </div>
  </div>
</template>

<script>
  import { createApi, updateApi, fetchList } from './api'
  // 导入多选项组件
  import SelectOption from '@/views/coding/components/SelectOption'

  export default {
    name: 'MhNotice-FormDetail',

    components: { SelectOption },

    props: {
      isModule: {
        type: Boolean,
        default: false
      },
      row: {}
    },

    data() {
      return {
        temp: {},
        jsonText: {}
      }
    },

    computed: {},

    watch: {
      'row': {
        immediate: true, // vue首次赋值不触发watch的解决方法
        handler: function(nval) {
          if (this.isModule) {
            // this.temp = Object.assign({}, this.row) // copy obj
            if (this.isNull(nval)) {
              return
            }
            if (this.isNull(nval.id)) {
              return
            }
            this.getList(nval.id)
          }
        }
      }
    },

    methods: {
      getList(_id) {
        this.resetTemp()
        fetchList({ id: _id }).then(result => {
          if (!result.success) {
            this.notify(result)
            return
          }
          this.temp = result.map.rows[0]
          if (this.temp.jsonText && this.temp.jsonText != '') {
            this.jsonText = JSON.parse(this.temp.jsonText)
          } else {
            this.jsonText = undefined
          }
          // 更新为已读状态
          this.updateDataToRead()
        })
      },
      // 给外部调用，清空form
      resetTemp() {
        this.temp = {
          unitBidderName: '',
          number: '',
          content: '',
          linkmanBidder: '',
          telephoneBidder: '',
          unitAdminName: '',
          linkmanAdmin: '',
          telephoneAdmin: '',
          deleteflag: '',
          isRead: '',
          mhProjectName: '',
          mhProjectInfoId: '',
          id: undefined
        }
      },
      // 给外部调用，设置默认值，请根据实际情况修改id值
      defaultTemp() {
        this.temp = {
          deleteflag: 0, //设置默认值
          isRead: 0 //设置默认值
        }
      },
      // 树表： 拿当前节点ID作为父节点ID，建立树关系
      setParentNodeId(id) {
        // this.temp.mhNoticeId = id
        this.temp.parentId = id
      },
      // 给外部调用，修改记录
      updateDataToRead() {
        const param = {}
        param.id = this.temp.id
        param.isRead = 1
        updateApi(param).then((r) => {
        })
      },
      // 给外部调用，清除校验
      clearValidate() {
      }
    }

  }
</script>
<style>

</style>
